<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金铲子详情</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./info.css">
</head>

<body>
    <div class="top-wrap">
        <div class="top">
            <div class="left">
                <ul>
                    <li class="cur"><a href="javascript::">首页商城</a></li>
                    <li><a href="javascript::">服务中心</a></li>
                    <li><a href="javascript::">以旧换新</a></li>
                    <li><a href="javascript::">新机租赁</a></li>
                    <li><a href="javascript::">驱动下载</a></li>
                </ul>
            </div>
            <div class="right">
                <div class="load">
                    <a href="./load.html">登录</a>
                    <!-- <span>|</span>
                    <a href="javascript::">注册</a> -->
                </div>
                <div>
                    <a href="javascript::">消息</a>
                    <div class="xiala1"></div>
                </div>
                <div>
                    <a href="javascript::">我的订单</a>
                    <div class="xiala2"></div>
                </div>
                <div><a href="./cart.html">购物车</a>
                    <br>
                    <!-- <p>天选游戏本</p> <p>Vivobook</p> -->
                </div>
                
            </div>
        </div>
    </div>
    <div class="nav-wrap">
        <div class="nav">
            <div class="left"><a href="javascript::"><img
                        src="./images/logo.png" alt="" height="78"></a>
            </div>
            <div class="central">
                <ul>
                    <li class="lis">
                        <div><a href="javascript::">华硕官网</a></div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">个人及家用</a></div>
                        <!-- 下拉菜单 -->
                        <div class="pull-wrap">
                            <div class="pull">
                                <!-- <p>热门推荐</p> -->
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">热门活动</a></div>
                        <div class="pull-wrap">
                            <div class="pull">
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/remen.jpg" alt="">
                                    </a>
                                    <p>华硕超级会员日</p>
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/remen.jpg" alt="">
                                    </a>
                                    <p>华硕超级会员日</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">服务支持</a></div>
                        <div class="pull-wrap">
                            <div class="pull">
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>玩家国度论坛</p>
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>玩家国度论坛</p>
                                </div>
                               
                            </div>
                        </div>
                    </li>
                    <li class="lis">
                        <div><a href="javascript::">华硕官网</a></div>
                    </li>
                    
                </ul>
            </div>
            <div class="right">
                <input type="text" placeholder="电竞发烧">
                <button><img src="./images/1606188058(1).jpg" alt=""></button>
            </div>
        </div>
    </div>
    <div class="site">
        <div>
            当前位置:
            <a href="">首页</a>
            <span>></span>
            <a href="">3P</a>
        </div>
    </div>

    <div class="goods-wrap">
        <div class="goods">
            <div class="left-goods">
                <div class="big-p">
                    <!-- <img id=""
                        src="./images/shangping.jpg"
                        alt="" width="508" height="508">
                    <div class="shade"></div>
                    <div class="none-bigp">
                        <img class="img2" src="./images/shangping.jpg"
                            alt="" width="1275" height="1275">
                    </div> -->
                </div>
                <div class="small-p">
                    <a href="javascript::">＜</a>
                    <ul>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="./images/shangping.jpg"
                                    alt="" width="84" height="84"></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="./images/shangping.jpg"
                                    alt="" width="84" height="84"></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="./images/shangping.jpg"
                                    alt="" width="84" height="84"></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="./images/shangping.jpg"
                                    alt="" width="84" height="84"></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="./images/shangping.jpg"
                                    alt="" width="84" height="84"></a>
                        </li>
                    </ul>
                    <a href="javascript::">＞</a>
                </div>
            </div>
            <div class="right-goods">
                <div class="name">
                    <!-- <h2>
                        天选 元气蓝 锐龙R9 RTX 2060 16G内存 15.6英寸 游戏本笔记本电脑
                        <p>AMD Ryzen™ 9 4900H/16G/512G SSD/GeForce™ RTX2060</p>
                    </h2>
                    <a href="javascript::">加入对比</a> -->
                </div>
                <div class="price">
                    <strong>
                        <span class="pricespan">10999</span>
                    </strong>
                </div>
                <div class="where">
                    <div class="div1">
                        <span>配送地址:上海</span>
                    </div>
                    <p>服务信息:由铲子官方发货,并提供售后服务</p>
                    <p>品牌:金铲子电器</p>
                </div>
                <div class="foot">
                    <div class="num">
                        <span>商品数量:</span>
                        <div class="jj">
                            <button class="btn1">-</button>
                            <input class="addnum" type="text" value="1">
                            <button class="btn2">+</button>
                        </div>
                    </div>
                    <div class="btns">
                        <a href="javascript::">立即购买</a>
                            <a  class="addcart" href="javascript::">加入购物车</a>
                            <a href="javascript::">
                                <img src="https://images.changhong.com/chgw/images/ewmicon_20200825_2.png"
                                    style="height:16px;width:16px;">
                                手机查看</a>
                    </div>
                    <p>
                        <a href="javascript::">在线客服</a>
                        <a href="javascript::">收藏</a>
                        <a href="javascript::">分享</a>

                        <a href="javascript::">
                            <img src="https://images.changhong.com/chgw/images/share-sinaminiblog.gif"
                                style="height:16px; width:16px; vertical-align:middle;">
                        </a>
                        <a href="javascript::">
                            <img src="https://images.changhong.com/chgw/images/share-weixin.png"
                                style="height:16px; width:16px; vertical-align:middle;">
                        </a>
                        <a href="javascript::">
                            <img src="https://images.changhong.com/chgw/images/share-qzone.gif"
                                style="height:16px; width:16px; vertical-align:middle;">
                        </a>
                        <a href="javascript::">
                            <img src="https://images.changhong.com/chgw/images/share-douban.png"
                                style="height:16px; width:16px; vertical-align:middle;">
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./jquery.js"></script>
<script src="./info.js"></script>
<!-- <script src="./index.js"></script> -->
<script src="./cookie.js"></script>
</html>